<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" type="text/css" href="../css/easy-cashbook.css">
        <script type="text/javascript" charset="utf-8" src="../lib/jquery/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/common/ClassUtility.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/common/ServerSettings.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/ItemType.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/Session.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/Query.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/AbstractResults.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/CompoundResults.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/BudgetResults.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/model/OutgoingResults.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/component/AbstractResultsView.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/component/CompoundResultsView.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/component/BudgetResultsView.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/component/OutgoingResultsView.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/logic/InputLogic.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/logic/MockupCreator.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/logic/RequestType.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/logic/SearchLogic.js"></script>
        <script type="text/javascript" charset="utf-8" src="../script/logic/SearchManager.js"></script>
    </head>
    <body>
        <div id="header">
            <div id="logo">Easy Cashbook</div>
            <div id="header-links">
                <span id="help-link">ヘルプ</span>
                <span id="logout">ログアウト</span>
            </div>
            <div class="clear"></div>
            <div id="date"></div>
            <div id="name"></div>
            <div id="tabs">
                <span class="view-select-tab selected-tab" value="compound">メイン</span>
                <span class="view-select-tab" value="budget">予算管理</span>
                <span class="view-select-tab" value="outgoing">支出詳細</span>
            </div>
        </div>
        <div id="result-body"></div>
    </body>
    <!-- テスト用データの生成 -->
    <script type="text/javascript">
        var session = MockupCreator.createSession();
        var query = MockupCreator.createCompoundQuery();
        var searchManager = new SearchManager(session, query);
    </script>
    <!-- 画面ロード時の処理 -->
    <script type="text/javascript">
        $('document').ready(function(ev){
            searchManager.initialize();
            searchManager.selectItemType(ItemType.COMPOUND);
        });
    </script>
    <!-- タブ動作に対する各種イベント -->
    <script type="text/javascript">
        $('.view-select-tab').click(function(){
            var selected = $(this).attr('value');
            searchManager.selectItemType(selected);
        });
        
        $('.view-select-tab').hover(function(){
            $(this).css('cursor', 'pointer');
        }, function(){
            $(this).css('cursor', 'auto');
        });
    </script>
</html>
